<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="static/easyui/jquery.min.js"></script>
<script type="text/javascript" src="static/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="static/easyui/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" href="static/easyui/themes/metro/easyui.css" />
<link rel="stylesheet" href="static/easyui/themes/icon.css" />
<title>出库管理</title>
</head>
<body>
	<script type="text/javascript">

		$(function() {
			
			//搜索出库单号
			$("#outbound-ss").searchbox({
				searcher:function(value,name){
					$('#outbound-dg').datagrid({
						url : 'find-outbound',
						pagination : true,
						pageNumber : 1,
						pageSize : 10,
						singleSelect: true,
						pageList : [ 10, 20 ],
						queryParams : {
							outboundnumber : value
						},
						columns : [ [
							{field : 'outbound_number',title : '出库单号',width : 175},
							{field : 'outbound_way',title : '出库方式',width : 173,
								formatter : function(value,row,index){	   
				                    if(value=='0'){return '药房领药'}                         
				             	} 
							},
							{field : 'outbound_time',title : '出库时间',width : 175,formatter:comFormatDate},
							{field : 'outbound_allquantity',title : '总数量',width : 175},
							{field : 'outbound_people',title : '负责人',width : 173},
							{field : 'outbound_zt',title : '状态',width : 174,
								formatter : function(value,row,index){	   
				                    if(value=='0'){return '待收货'}
				                    else if(value=='1'){return '已收货'}
				             	} 
							},
							{field : 'outbound_apply',title : '流水单号',width : 173,hidden:true}
						] ]
					});				
				}
			});

			//出库记录
			$('#outbound-dg').datagrid({
				url : 'find-outbound',
				pagination : true,
				pageNumber : 1,
				pageSize : 10,
				singleSelect: true,
				pageList : [ 10, 20 ],
				columns : [ [
					{field : 'outbound_number',title : '出库单号',width : 175},
					{field : 'outbound_way',title : '出库方式',width : 173,
						formatter : function(value,row,index){	   
		                    if(value=='0'){return '药房领药'}                         
		             	} 
					},
					{field : 'outbound_time',title : '出库时间',width : 175,formatter:comFormatDate},
					{field : 'outbound_allquantity',title : '总数量',width : 175},
					{field : 'outbound_people',title : '负责人',width : 173},
					{field : 'outbound_zt',title : '状态',width : 174,
						formatter : function(value,row,index){	   
		                    if(value=='0'){return '待收货'}
		                    else if(value=='1'){return '已收货'}
		             	} 
					},
					{field : 'outbound_apply',title : '流水单号',width : 173,hidden:true}
				] ],
				onDblClickRow : function(rowIndex, rowData) {
					$("#outbound-win").window("open");
					
					//给出库单号赋值
				    $("#outbound-ckdh").textbox('setValue',rowData.outbound_number);
				  	//给负责人赋值
				    $("#outbound-fzr").textbox('setValue',rowData.outbound_people);
				  	//给状态赋值
				    if(rowData.outbound_zt==0){
						$("#outbound-zt").textbox('setValue',"待收货");
					}else if(rowData.outbound_zt==1){
						$("#outbound-zt").textbox('setValue',"已收货");
					}
				  	
				  	//获取出库单号
				    var outboundid = $("#outbound-ckdh").textbox("getValue");
				    
				  	//出库记录详情
					$('#outboundxq-dg').datagrid({
						url : 'findBy-outbound',
						pagination : true,
						pageNumber : 1,
						pageSize : 10,
						singleSelect: true,
						method:"Post",
						pageList : [ 10, 20 ],
						queryParams : {
							outboundid:outboundid
						},
						columns : [ [ 
							{field : 'drug_number',				title : '药品编号',		width : 150}, 
							{field : 'drug_name',				title : '药品名称',		width : 150}, 
							{field : 'drug_standard',			title : '规格',			width : 150}, 
							{field : 'drug_purchase_price',		title : '单价',			width : 140}, 
							{field : 'out_details_quantity',	title : '请领数量',		width : 150}, 
							{field : 'out_details_shiji',		title : '发货数量',		width : 150},
							{field : 'out_details_pici',		title : '批次',			width : 145}					
						] ]
					});
					
				}
			});
			
			//系统当前日期以后的日期、禁止选择
			$('#outbound1').datebox().datebox('calendar').calendar({
			    validator : function(date){
			        var now = new Date();
			        var d1 = new Date(now.getFullYear(),now.getMonth(),now.getDate());
			        return d1 >= date;
			    }
			});
			$('#outbound2').datebox().datebox('calendar').calendar({
			    validator : function(date){
			        var now = new Date();
			        var d1 = new Date(now.getFullYear(),now.getMonth(),now.getDate());
			        return d1 >= date;
			    }
			});
			
			//后选日期不能在前选日期之前，也不能在当前系统日期之后
			$("#outbound1").datebox({
			    onSelect : function(beginDate){
			        $('#outbound2').datebox().datebox('calendar').calendar({
			            validator: function(date){
			                var now = new Date();
			                var d1 = new Date(now.getFullYear(),now.getMonth(),now.getDate());
			                return beginDate <= date && d1 >= date;
			            }
			        });
			    }
			});
			
			$("#coutdate").click(function(){
				var abc = $('#outbound1').val();
				var cba = $('#outbound2').val();
				if(abc=="" || abc==null){
					$(".drugone").text("请选择开始日期");
				 	 //清空文本
				 	$("#DRUGONE").window('open');
				   	//秒之后自动消失
				   	setTimeout(function(){
				    	 $("#DRUGONE").window('close');
					}, 1500);
				}else if(cba=="" || cba==null){
					$(".drugone").text("请选择结束日期");
				 	 //清空文本
				 	$("#DRUGONE").window('open');
				   	//秒之后自动消失
				   	setTimeout(function(){
				    	 $("#DRUGONE").window('close');
					}, 1500);
				}else{
					//入库记录
					$('#outbound-dg').datagrid({
						url : 'find-outbound',
						pagination : true,
						pageNumber : 1,
						pageSize : 10,
						singleSelect: true,
						pageList : [ 10, 20 ],
						queryParams : {
							qday : abc ,
							wday : cba
						},
						columns : [ [
							{field : 'outbound_number',title : '出库单号',width : 175},
							{field : 'outbound_way',title : '出库方式',width : 173,
								formatter : function(value,row,index){	   
				                    if(value=='0'){return '药房领药'}                         
				             	} 
							},
							{field : 'outbound_time',title : '出库时间',width : 175,formatter:comFormatDate},
							{field : 'outbound_allquantity',title : '总数量',width : 175},
							{field : 'outbound_people',title : '负责人',width : 173},
							{field : 'outbound_zt',title : '状态',width : 174,
								formatter : function(value,row,index){	   
				                    if(value=='0'){return '待收货'}
				                    else if(value=='1'){return '已收货'}
				             	} 
							},
							{field : 'outbound_apply',title : '流水单号',width : 173,hidden:true}
						] ]
					});		
				}
				
			});
			
			

		});
		
		// 时间戳
		function comFormatDate(date) {
			var day = new Date(date); 
			var Year = 0; 
			var Month = 0; 
			var Day = 0; 
			var CurrentDate = ""; 
			//初始化时间 
			Year= day.getFullYear();//ie火狐下都可以 
			Month= day.getMonth()+1; 
			Day = day.getDate(); 
			Hour = day.getHours(); 
			 Minute = day.getMinutes(); 
			 Second = day.getSeconds(); 
			CurrentDate += Year + "-"; 
			if (Month >= 10 ) { 
				CurrentDate += Month + "-"; 
			}else { 
				CurrentDate += "0" + Month + "-"; 
			} 
			if (Day >= 10 ) { 
				CurrentDate += Day ; 
			}else { 
				CurrentDate += "0" + Day ; 
			} 
			if(Hour>=10){
				CurrentDate +=" "+Hour;
			}else{
				CurrentDate +=" "+"0"+Hour;
			}
			if(Minute>=10){
				CurrentDate +=":"+Minute;
			}else{
				CurrentDate +=":"+"0"+Minute;
			}
			if(Second>=10){
				CurrentDate +=":"+Second;
			}else{
				CurrentDate +=":"+"0"+Second;
			}
			return CurrentDate; 
		}
		
		//合并单元格
		function Mergerowso(data){
				var start = 0;
				var end = 0;
				var mer = ['drug_number','drug_name','drug_standard','drug_purchase_price','out_details_quantity'];//需要合并的字段，即field
				//有数据就合并----对应数据的数量
				if (data.total > 0){
				    var temp = data.rows[0].drug_number;   //需要比较的列-----排班类型----门诊还是住院
				    for (var i = 1; i < data.rows.length; i++) {
					    //第一列的门诊或住院类型=遍历过程中的门诊或住院
						if (temp == data.rows[i].drug_number) {
						     end++;
						} else {
						    if (end> start) {
							   //console.log("end > start----------start:"+start+"------end:"+end);
								for(var j = 0; j < mer.length; j++){
									$('#outboundxq-dg').datagrid('mergeCells', {
										index: start,//起始索引
										rowspan: end - start + 1,  //需要合并的行数
										field: mer[j]
									});
								}
						   }
						    temp = data.rows[i].drug_number;
						    start = i;
						    end = i;
					 	}
				 	}
				    //这里是为了判断重复内容出现在最后的情况
				    if (end > start) {
						for(var j = 0; j < mer.length; j ++){
							$('#outboundxq-dg').datagrid('mergeCells', {
								index: start,
								rowspan: end - start + 1,
								field: mer[j]
							});
						}
				    }
				}/* 最大if结束 */
				
		}
		
	</script>
	
	<div id="outbound-p" class="easyui-panel" style="width: 100%; height: 100%; padding: 10px; background: #fafafa;"
		data-options="iconCls:'icon-save',closable:true,collapsible:true,minimizable:true,maximizable:true">
		
		<p style="height: 40px; line-height: 30px; margin-left: 40px;">
			
			<input id="outbound1" data-options="label:'出库日期：'" class="easyui-datebox" style="width: 250px">—
			
			<input id="outbound2" class="easyui-datebox" style="width: 170px"> 
			
			<span style="margin-left: 20px;"></span>
			
			<a id="coutdate" style="width: 60px;" class="easyui-linkbutton" >查询</a>
			
			<span style="margin-left: 50px;"></span>
			
			<input id="outbound-ss" class="easyui-textbox" style="width: 250px" data-options="label:'出库单号：'"></input>
		
		</p>
		
		<fieldset style="border: 1px solid #A6A6A6; border-radius: 6px; width: 1050px; margin: 0 auto; margin-top: 10px; margin-bottom: 20px;">
			
			<legend style="font-size: 17px">出库记录</legend>
			
			<table id="outbound-dg" class="logininform-table easyui-datagrid" style="width: 1030; height: 308px"
				data-options="toolbar:'#logininform-tb',fitColumns:false,singleSelect:false">

			</table>
		
		</fieldset>
	
	</div>

	<!-- 出库记录窗口 -->
	<div id="outbound-win" class="easyui-window" title="出库详情" style="width: 1100px; height: 550px"
		data-options="iconCls:'icon-save',modal:true,closed:true,shadow:true,resizable:false,collapsible:false,minimizable:false,maximizable:false">
		
		<div class="easyui-layout" data-options="fit:true">
			
			<div data-options="region:'center'">
				
				<div style="width: 900; height: 70px;line-height:80px;">
					
					<p>
						<span style="margin-left: 150px;"></span>
						
						<input id="outbound-ckdh" class="easyui-textbox" style="width: 200px" data-options="label:'出库单号：'"></input>
						
						<span style="margin-left: 70px;"></span> 
						
						<input id="outbound-fzr" class="easyui-textbox" style="width: 200px" data-options="label:'负责人：'"></input>
												
						<span style="margin-left: 70px;"></span> 
						
						<input id="outbound-zt" class="easyui-textbox" style="width: 200px" data-options="label:'状态：'"></input>
					
					</p>
				
				</div>
				
				<div style="padding: 23px">
					
					<table id="outboundxq-dg" class="logininform-table easyui-datagrid" style="width: 1040px; height: 368px"
						data-options="toolbar:'#logininform-tb',fitColumns:false,singleSelect:false,onLoadSuccess:Mergerowso">

					</table>
				
				</div>

			</div>
		
		</div>
		
		<!-- 弹框提示 -->
		<div id="DRUGONE" class="easyui-window"  title="提示框" style="width:300px;height:156px"
		    data-options="iconCls:'icon-save',modal:true,resizable:false,collapsible:false,maximizable:false,minimizable:false,closed:true">
		          <p class="drugone" style="text-align:center;font-size: 16px;margin-top: 47px;">
		          </p>
		</div>
		

	</div>

</body>
</html>